<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>学霸文库</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <!-- <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css"> -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <header class="main-header bg_head">
        <div class="container">
            <div class="row search">
                <div class="col-sm-offset-1 col-sm-2">
                    <!-- start logo -->
                    <a class="branding" href="#" title="学霸文库"><img src="images/logo.jpg" alt="学霸文库">
                        <h3>学霸文库</h3></a>
                    <!-- end logo -->
                </div>
                <div class="col-sm-offset-1 col-sm-5 form-group">
                    <input type="text" class="form-control opacity" placeholder="请输入搜索内容">
                </div>
                <div class="col-sm-1">
                    <button type="button" class="btn btn-primary">学霸一下</button>
                </div>
            </div>
        </div>
    </header>
    <!-- end header -->
    <!-- start navigation -->
    <nav class=" header_bar">
        <div id="navbar" class="row">
            <div class="col-sm-offset-4 col-sm-6 col-xs-12">
                <ul class="nav navbar-nav navbar-collapse">
                    <li class=" col-xs-4 active"><a href="#" title="首页">首页</a></li>
                    <li class=" col-xs-4"><a href="#" title="资料">资料</a></li>
                    <!-- <li class=" col-xs-3"><a href="#" title="上传">上传</a></li> -->
                    <li class=" col-xs-4"><a href="forum.html" title="论坛">论坛</a></li>
                </ul>
            </div>
            <div class="col-sm-2 col-xs-12 row">
                <button class="col-sm-5 btn btn-primary" onclick="window.location.href='login.html'">登录</button>
                <button class="col-sm-5 col-sm-offset-1 btn btn-info" onclick="window.location.href='/register'">注册</button>
            </div>
        </div>
    </nav>
    <!-- end navigation -->
    <!-- start body -->
    <section class="content_area">
        <div class="datum">
            <article class="art">
                <div class="art_head">
                    <h2>Ghost 桌面版 APP 正式发布，能同时管理多个 Ghost 博客</h2>
                    <span>作者：<i>王赛</i> ~2016年4月4日</span>
                    <p>虽然通过浏览器管理 Ghost 博客虽然很方便，但是在多个 tab 之间切换有时候也会很麻烦，嗯，如果能有一个独立的 app 应该使用起来会更爽一些！ 今天的主角来了，Ghost 桌面版 APP -- Ghost Desktop！ 目前，Ghost Desktop 还处于早期阶段</p>
                    <button type="button" class="btn btn-primary"> 阅读全文</button>
                </div>
            </article>
            <div class="more art">
            	<a href="#">查看更多</a>
            </div>
        </div>
        <div class="right_bar">
            <div class="Rbar">
                <h4>社区</h4>
                <ul>
                    <li>QQ群：1233221</li>
                    <li>QQ群：1233221</li>
                    <li>QQ群：1233221</li>
                </ul>
            </div>
            <div class="Rbar">
                <h4>热门话题</h4>
                <div class="list-group">
                    <a href="#" class="list-group-item " title="BAE部署node.js ghost博客系统">BAE部署node.js ghost博客系统&nbsp;&nbsp;&nbsp;>></a>
                    <a href="#" class="list-group-item " title="BAE部署node.js ghost博客系统">BAE部署node.js ghost博客系统&nbsp;&nbsp;&nbsp;>></a>
                    <a href="#" class="list-group-item " title="BAE部署node.js ghost博客系统">BAE部署node.js ghost博客系统&nbsp;&nbsp;&nbsp;>></a>
                    <a href="#" class="list-group-item " title="LiBAE部署node.js ghost博客系统nk">BAE部署node.js ghost博客系统&nbsp;&nbsp;&nbsp;>></a>
                    <a href="#" class="list-group-item " title="BAE部署node.js ghost博客系统">BAE部署node.js ghost博客系统&nbsp;&nbsp;&nbsp;>></a>
                    <a href="#" class="list-group-item " title="BAE部署node.js ghost博客系统">BAE部署node.js ghost博客系统&nbsp;&nbsp;&nbsp;>></a>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </section>
    <!-- end body -->
    <!-- start  footer-->
    <footer class="footer">
    	<div>
    		<span>南昌大学版权所有@</span>
    	</div>
    </footer>
    <!-- end footer -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>

</html>
